/* Basics */

body {
	font-family: Arial, Helvectica,  sans-serif;
	font-size: 12pt;
	background-color: #f0f0f0;
	color: #202050;
	margin-left: 0px;
  	margin-right: 0px;
 	margin-top: 0px;
}

/* Footer */
html, body {
    height: 100%;
}

.wrapper {
    min-height: 98%;
    height: auto !important;
    height: 98%;
    margin: 0 auto -4em;
}

.footer, .push {
    height: 4em;
    text-align: center;
}

h1 {
	color: #a52a2a;
	font-size: 24pt;
	font-family: Arial, Helvectica,  sans-serif;
	font-weight: bold;
}

h2 {
	color: #a52a2a;
	font-size: 20pt;
	font-family: Arial, Helvectica,  sans-serif;
	font-weight: bold;
}

h3 {
	color: #a52a2a;
	font-size: 16pt;
	font-family: Arial, Helvectica,  sans-serif;
	font-weight: bold;
}

h4 {
	color: #a52a2a;
	font-size: 14pt;
	font-family: Arial, Helvectica,  sans-serif;
	font-weight: bold;
}

h5 {
	color: #204070;
	font-size: 14pt;
	font-family: Arial, Helvectica,  sans-serif;
	font-weight: bold;
    -webkit-margin-before: 0.0em;
    -webkit-margin-after: 0.1em;
}


h6 {
	color: #3050a0;
	font-size: 12pt;
	font-family: Arial, Helvectica,  sans-serif;
	font-weight: normal;
    -webkit-margin-before: 0.0em;
    -webkit-margin-after: 0.1em;
}

p {	color: #3050a0;
	font-size: 8pt;
	font-family: Arial, Helvectica,  sans-serif;
	font-weight: normal;

}



a {
	text-decoration: none;
	color: #2570CB;
}


input {
	text-decoration: none;
	color: #254080;
}


/* Top of the page */

table.header {
	border: 0px;
	border-spacing: 0px;
	margin-left: 0px;
  	margin-right: 0px;
}


td.topimg {
	padding: 0px;
}

img.topimg {
	width: 100%;
}

img.userpic {
	width: 120px;
}

td.logout  {
	width: 6%;
	padding: 10px;
	vertical-align: top;
	text-align: right;
}


/* Login form */

table.loginform {
	border-spacing: 10px;
	border-width: 1px;
	padding: 2%;
	border-color:#cacaca;
	border-style: solid;
}

td.login_txt {
	text-align: right;
    padding: 7px;
	white-space: nowrap;
}

td.login_inp {
	text-align: left;
    padding: 7px;
	white-space: nowrap;
}

input.login_inp {
	font-size: 12pt;
	font-family: Arial, Helvectica,  sans-serif;
	font-weight: normal;
	color: #153040;
}

input.login_button {
	font-family: Arial, Helvectica,  sans-serif;
	font-size: 12pt;
}


/* Any form */

table.input_form {
	border-spacing: 10px;
	border-width: 1px;
	padding: 6%;
	border-color:#cacaca;
	border-style: solid;
}

td.input_txt {
	text-align: right;
    padding: 5px;
	white-space: nowrap;
}


td.input_inp {
	text-align: left;
    padding: 5px;
	white-space: nowrap;
}

input.input_box {
	font-size: 12pt;
	font-family: Arial, Helvectica,  sans-serif;
	font-weight: normal;
	color: #153040;
}

input.input_button {
	font-family: Arial, Helvectica,  sans-serif;
	font-size: 12pt;
}

span.input {
    font-family: Arial, Helvectica,  sans-serif;
	font-size: 12pt;
}



/* Data title */

table.data_title {
	border-spacing: 10px;
	border-width: 0px;
	padding: 10px;
	border-color:#cacaca;
	border-style: none;
}

/* Data table */

table.data {
	border-spacing: 0px;
	border-width: 1px;
	padding: 5%;
	border-color:#cacaca;
	border-style: solid;
}

table.rates {
	border-spacing: 0px;
	border-width: 1px;
	padding: 10%;
	border-color:#cacaca;
	border-style: solid;
}

table.user {
	border-spacing: 0px;
	border-width: 1px;
	padding: 8%;
	border-color:#cacaca;
	border-style: solid;
}

tr.data_header {
	background-color: #dbe4ef

}

th.data_header {
	font-family: Arial, Helvectica,  sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #142050;
    text-align: -webkit-left;
	padding: 8px;
	white-space: nowrap;
}

td.data {
	vertical-align: top;
	padding: 8px;
	white-space: nowrap;
}

td.user {
	vertical-align: top;
	padding: 8px;
	white-space: nowrap;
}


/* Data table rows */
tr.odd {
	background-color: #ececec
}
tr.even {
	background-color: #e4e6eb
}



